* {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.glyphicon {
        font-family: 'Glyphicons Halflings' !important;
}

html {
        overflow-y: scroll;
}

:root {
        overflow-y: auto;
        overflow-x: hidden;
}

:root body {
        position: absolute;
}

body {
        width: 100vw;
        overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
ol,
p {
        margin: 0;
        padding: 0;
}

a {
        text-decoration: none;
}

a:visited {
        outline: none;
        text-decoration: none;
}

a:hover {
        outline: none;
        text-decoration: none;
}

.mpclear {
        margin: 0 !important;
        padding: 0 !important;
}

.fl {
        float: left;
}

.fr {
        float: right;
}

li {
        list-style: none;
}

pre {
        margin: 0;
        padding: 15px;
        font-size: inherit;
        text-align: left; // text-indent: 2em;
        line-height: 2em;
        white-space: pre-wrap;
        word-wrap: break-word;
        border: none;
        background: rgba(0, 0, 0, 0);
}

.dlImgRatio {
        dl {
                margin: 0;
                border: 2px solid #ebebeb;
                dt::before {
                        content: '';
                        display: block;
                        margin-top: 75%;
                }
                dt {
                        position: relative;
                        width: 100%;
                        overflow: hidden;
                        img {
                                position: absolute;
                                top: 0;
                                bottom: 0;
                                left: 0;
                                right: 0;
                                width: 100%;
                                height: 100%;
                        }
                }
                dd {
                        height: 30px;
                        text-align: center;
                        p,
                        span {
                                display: inline-block;
                                line-height: 30px;
                        }
                }
        }
}

.router-link-active {
        outline: none !important;
        text-decoration: none !important;
}

.swiper-button-disabled {
        opacity: 0 !important;
}